<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/JQdonghua.css" />
		<script type="text/javascript" src="js/jquery-3.0.0.js"></script>
	</head>

	<body>
		<div class="box"></div>
		<div class="box"></div>
		<div class="box"></div>
		<div class="box"></div>
		<div class="box"></div>
		<!--<div class="box2"></div>-->
		<script>
			$(document).ready(function(){
				$(".box").mouseenter(function(){
					$(this).animate({
						width:'180px',
						height:'400px',
					},150)
				})
			})
			$(document).ready(function(){
				$(".box").mouseleave(function(){
					$(this).animate({
						width:'180px',
						height:'40px',
					},150)
				})
			})
			
		</script>
	</body>

</html>